{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>反馈</title>
    <style>
        #list
        { 
            margin: 0 auto; 
            text-align: left; 
            width: 540px;
        }
        .Box
        {
            max-width: 500px;
            margin: 0px 0px 0px 300px;
            margin-top: 50px;
            padding: 20px 30px 20px 30px;
            font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-shadow: 1px 1px 1px #FFF;
            border: 1px solid #DDD;
            border-radius: 5px;
            color: #888;
            background: #FFF;
        }
        .Box h1{
            display: block;
            padding: 0px 0px 10px 40px;
            margin: -10px -30px 30px -30px;
            font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
            border-bottom: 1px solid #DADADA;
            color: #888;
        }
        .Box li{
            float: left;
             width: 20%;
            padding-left: 0px; 
            margin-top: 10px;
            margin-bottom: 10px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            
            font-weight: bold;
            text-align: left;
            color: #333;
        }
        .Box textarea
        {
            width: 90%;
            padding: 5px 0px 5px 5px;
            height: 100px;
        }
        .button{
            padding: 10px 25px 10px 25px;
            margin-left: 111px;
            border-radius: 4px;
            border:1px solid #CCC;
            background: #FFF;
            color: #333;
        }
        .button:hover{
            color: #333;
            background-color: #EBEBEB;
            border-color: #ADADAD;
        }


        .btn:active {
            transform: scale(0.95);
        }

        .btn:focus {
            outline: none;
        }
        .content{
            float:right;
            width:440px;
        }

        .contain_pic
        {
            position:relative;
            display:inline-block;
            width:50px;
            height:50px;
        }
    </style>
    <link rel="stylesheet" href="{% static 'tickets/CSS/Manager/replay.css' %}"/>
</head>
<body>
    <div class="Box">
        <div class="Content-Main1" style="left: 200px;">
            <h1>反馈</h1>
        </div>
        {% for comt in comt_list %}
        <div id="list">
            
                <div class="box clearfix" style="width: 500px;">
                    <div class="contain_pic">
                        <img class="pic" src="{% static 'tickets/images/head/' %}{{ user_get.user_head }}" style="position:absolute;width:50px;height: 50px;float: left  ;border-radius: 50%;" alt=""/>
                    </div>
                    <!-- <div style="position: absolute ;width:50px;height:150px;font-size:15px;letter-spacing: 5px;"><span>虚假内容</span></div> -->
                    <div class="content" style="margin-top:20px;display:inline-block;">
                        <div class="main">
                            <p class="txt">
                                <span class="user">{{ comt.comt_user.user_name }}：</span>{{ comt.comt_text }}
                            </p>
                        </div>
                        <div class="info clearfix">
                            <span class="time">{{ comt.comt_date }}</span>
                        </div>
                        <!-- 这是一个回复的模板，如果要填充的话，需要在JS里面操作，填充到JS的字段中，里面要填充的其实只是顾客的ID -->
                        <div class="comment-list">
                            <p class="txt">
                                <span class="user">管理员：</span>{{ comt.comt_rply }}
                            </p>
                        </div>

                    </div>
                </div>
               
        </div>
        {% endfor %} 
    </div>
    <script type="text/javascript" src="../../JS/demo.js"></script>
    
</body>
</html>